@import url('./font.less');
@import url('./public.less');

* {
    box-sizing: border-box;
}
  ::-webkit-scrollbar {
      width: 5px;
      height: 10px;
  }
  ::-webkit-scrollbar-track {
      width: 6px;
      background: rgba(#101f1c, 0.1);
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius: 2em;
  }
  ::-webkit-scrollbar-thumb {
      background-color: rgba(144, 147, 153, 0.5);
      background-clip: padding-box;
      min-height: 28px;
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius: 2em;
      transition: background-color 0.3s;
      cursor: pointer;
  }
  ::-webkit-scrollbar-thumb:hover {
      background-color: rgba(144, 147, 153, 0.3);
  }
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: "PingFang SC", "PingFang SC" !important;
    background-color: var(--color-bg-1);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
 .ysgxlabox {
     width: 230px !important;
   
 }
 .ysgxla {
    width: 230px !important;
     display: flex;
 }
 .gzmsl{
    width: 230px !important;
 }
 .gzmslitem{
    width: 230px !important;
 }
 .gzfz{
    margin-left: 40px !important;
    width: 50px !important;
 }
 .gzfzbox {
     width: 50px !important;
 }
 .sc{
    margin-left: 80px !important;
 }
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-weight: 400;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}

abbr,
acronym {
    font-variant: normal;
    border: 0
}

code,
kbd,
samp,
tt {
    font-size: 100%
}

input,
button,
textarea,
select {
    *font-size: 100%;
    border: 0
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,
:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: '';
    content: none
}

.clearfix::after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: '\0020'
}

.clearfix {
    zoom: 1
}

.l {
    float: left
}

.r {
    float: right
}

.hide {
    display: none
}

.inline {
    display: inline;
}

.inlinBlock {
    display: inline-block;
}

a.hidefocus {
    outline: 0
}

button.hidefocus::-moz-focus-inner {
    border: 0
}

a:focus {
    -moz-outline: 0;
    outline: 0
}

input,
textarea {
    outline: 0
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 16px;
    line-height: 32px
}

h5 {
    font-size: 14px;
    line-height: 28px
}

.hide-text {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
}

.pointer {
    cursor: pointer;
}

.emptybox {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    color: #999;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-radius: 10px;
}

.emptyitem {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    transform: translateY(-50%);
}

.emptybox img {
    width: auto;
    height: auto;
}

.shadow {
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%)
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text-ellipsistwo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.boxShadow {
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    transition: box-shadow 0.3s;
}

.boxShadow:hover {
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 20%);
}

.boxWhiteShadow {
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgb(255 255 255 / 30%);
    transition: box-shadow 0.3s;
}

.boxWhiteShadow:hover {
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgb(255 255 255 / 50%);
}

.beautifulScroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #999;
    border-radius: 5px;
}

.beautifulScroll::-webkit-scrollbar-track {
    background: #F5F5F5;
    border-radius: 5px;
}

.beautifulScroll::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
}

.darkScorll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #CCC;
    border-radius: 5px;
}

.darkScorll::-webkit-scrollbar-track {
    background: #CCC;
    border-radius: 5px;
}

.darkScorll::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
}

.hiddenScroll::-webkit-scrollbar-thumb {
    display: none !important;
}

.hiddenScroll::-webkit-scrollbar {
    display: none !important;
}

.hiddenScroll::-webkit-scrollbar-track {
    display: none !important;
}

.scrollmainY {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.container {
    padding: 20px 20px 0;
}

.container.padbot{
    padding: 20px 20px 40px;
    
}

.general-card {
    box-sizing: border-box;
    padding: 0;
}

.general-card {
    border: none;
    border-radius: 4px;

    &>.arco-card-header {
        height: auto;
        padding: 20px;
        border: none;
    }

    &>.arco-card-body {
        padding: 0 20px 20px;
    }
}

.data-card {
    box-sizing: border-box;
    padding: 20px 0 0;
    border: none;
    border-radius: 4px;

    &>.arco-card-header {
        height: auto;
        padding: 20px;
        border: none;
    }

    &>.arco-card-body {
        padding: 0 20px 20px;
    }
}

.data-card-btns{
    text-align: center;
}

.data-tabs {
    .arco-tabs-content {
        padding: 0;
        background: #fff;
    }

    .arco-tabs-nav-type-card-gutter .arco-tabs-tab {
        background: #fff;
    }

    .arco-tabs-nav-type-card-gutter .arco-tabs-tab-active,
    .arco-tabs-nav-type-card-gutter .arco-tabs-tab-active:hover {
        color: #fff;
        background: rgb(var(--primary-6));
    }
}

.upload_box .arco-upload-progress {
    display: none !important;
}

.arco-modal-body{
    text-align: center !important;
    font-size: 16px;
}
.df .arco-modal-body{
    text-align: left !important;
}